<template>
<view class='recommend'>
    <block v-for="(item,index) in recommends" :key="index">
        <view class='recommend-item' @click="handlebind(index)">
            <image :src="item.image" />
            <view><text>{{item.title}}</text></view>
        </view>
    </block>
</view>
</template>

<script>
export default {
    name:'HeaDer',
    props:{
        recommends:Array,
        default:[]
    }
}
</script>

<style>
.recommend {
    background: rgb(255, 255, 255);
    display: flex;
    padding-top: 40rpx;
    padding-bottom: 34rpx;
}

.recommend-item {
    flex: 1;
    text-align: center;
}

.recommend-item image {
    width: 72rpx;
    height: 72rpx;
}

.recommend-item text {
    font-size: 22rpx;
}
</style>